<?php
session_start();
include ("admin/classes/Pagina.php");
?>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="_recursos/css/estilo.css">
        <title>Marina São Pedro</title>
    </head>
    <body>
        <div class="topo-fundo">
            <img onclick="showLogin()" class="admin" title="Administrador" src="_recursos/imagens/login.png"/>
            <img title="Início" onclick="redirecionar('index.php')" src="_recursos/imagens/topo-marina.png"/>
        </div>
        <div id="left" class="slide-show">
            <img class="" src="_recursos/imagens/topo-1.jpg"/>
            <img class="" src="_recursos/imagens/topo-2.jpg"/>
            <img class="" src="_recursos/imagens/topo-3.jpg"/>
            <img class="" src="_recursos/imagens/topo-4.jpg"/>
            <img class="" src="_recursos/imagens/topo-5.jpg"/>
        </div>
        <div class="base">
            <div class="espacamento"></div>
            <div class="conteudo">
                <div class="baseTitulo">
                    <table class="titulo">
                        <tr>
                            <td>
                                <img src="_recursos/imagens/contatos.png"/>
                            </td>
                            <td>
                                <h1>Contatos</h1>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="base-menu">
                    <div class="menu">
                        <div class="menu-item" onclick="redirecionar('index.php')">
                            <span><span class="img"></span>Início</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('pescaria.php')">
                            <span><span class="img"></span>Pescaria</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('aulas_praticas.php')">
                            <span><span class="img"></span>Aulas Práticas</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('cursos.php')">
                            <span><span class="img"></span>Cursos</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('garagens.php')">
                            <span><span class="img"></span>Garagens Náuticas</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('eventos.php')">
                            <span><span class="img"></span>Eventos</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('produtos.php')">
                            <span><span class="img"></span>Embarcações a Venda</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('fotos_videos.php')">
                            <span><span class="img"></span>Fotos e Vídeos</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('quem_somos.php')">
                            <span><span class="img"></span>Quem Somos</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('contatos.php')">
                            <span><span class="img"></span>Contatos</span>
                        </div>
                    </div>
                </div>
                <div class="base-conteudo">
                    <div class="conteudo-texto">
                        <?php
                        $p = new Pagina();
                        $p->selecionar('contatos-1');
                        ?>
                    </div>
                    <div class="conteudo-texto">
                        <?php
                        $p = new Pagina();
                        $p->selecionar('contatos-2');
                        ?>
                    </div>
                    <div class="conteudo-texto">
                        <?php
                        $p = new Pagina();
                        $p->selecionar('contatos-3');
                        ?>
                    </div>
                    <br/>
                    <table class="formulario">
                        <tr>
                            <td><label for="nome">Nome:</label></td>
                            <td><input type="text" id="nome"/></td>
                        </tr>
                        <tr>
                            <td><label for="email">E-mail:</label></td>
                            <td><input type="text" id="email"/></td>
                        </tr>
                        <tr>
                            <td><label for="telefone">Telefone:</label></td>
                            <td><input type="text" id="telefone"/></td>
                        </tr>
                        <tr>
                            <td><label for="endereco">Endereço:</label></td>
                            <td><input type="text" id="endereco"/></td>
                        </tr>
                        <tr>
                            <td><label for="assunto">Assunto:</label></td>
                            <td>
                                <select id="assunto">
                                    <option>Dúvida</option>
                                    <option>Orçamento</option>
                                    <option>Sugestão</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td><label for="mensagem">Mensagem:</label></td>
                            <td><textarea id="mensagem" style="width: 400px" rows="7"></textarea></td>
                        </tr>
                        <tr class="area-botao">
                            <td colspan="2"><span onclick="enviarEmail()" class="botao-verde">enviar</span></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="rodape">
        <div class="conteudo">
            <div style="width: 37%" class="item">
                <h3>Participe</h3>
                <span>
                    Inscreva-se em nossas redes sociais e acompanhe nossas novidades.
                </span>
            </div>
            <div style="width: 32%" class="item">
                <h3>Compartilhe</h3>
                <span>
                    Gostou de nosso site? Compartilhe com seus amigos nas redes sociais!
                </span>
            </div>
            <div  style="width: 21%" class="item">
                <h3>Contatos</h3>
                <span>(13) 3422-1345</span>
                <span>(13) 7813-8419 </span>
                <span>ID 120*25015 </span>
                <span>contato@marinasaopedro.com.br</span>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="_recursos/js/suporte.js"></script>
<script type="text/javascript" src="_recursos/js/jquery-1.7.2.min.js"/></script>
<script type="text/javascript" src="_recursos/js/imageScroller.js"/></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#left").imageScroller( {speed:'10000', direction:'left'} ); 
    });
    
    function enviarEmail(){
        var nome = $('#nome').val();
        var email = $('#email').val();
        var telefone = $('#telefone').val();
        var endereco = $('#endereco').val();
        var assunto = $('#assunto option:selected').text();
        var mensagem = $('#mensagem').val();
        
        if(!nome || !email || !telefone || !endereco || !assunto || !mensagem){
            alert("Atenção! Preencha os campos corretamente.");
            return;
        }
        
        showBoxCarregando("Enviando E-mail...");
        $.ajax({
            type:'POST',
            url: CONTEXT + '/admin/classes/Controler.php',
            data:{
                classe:'Mail', 
                metodo:'enviar',
                name: nome,
                from: email,
                subject: assunto,
                message: mensagem,
                telefone: telefone,
                endereco: endereco
            },
            success: function(req){
                alert(req);
                window.location.href = window.location.href;
            },
            error: function(req){
                hideBox(true);
                alert(req);
            }
        });
    }
</script>
</html>
